<!doctype html> <html lang=zh-cmn-Hans> <head> <meta http-equiv=Content-Type content="text/html; charset=UTF-8"> <title>你会给你家的保姆打多少分？ | 优儿学堂</title> <meta content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1" name=viewport> <meta content="IE=edge,chrome=1" http-equiv=X-UA-Compatible> <meta name=apple-mobile-web-app-capable content=yes> <meta http-equiv=Cache-Control content="no-cache, no-store, must-revalidate"> <meta http-equiv=Pragma content=no-cache> <meta http-equiv=Expires content=0> <meta http-equiv=cache-control content="max-age=0"> <meta http-equiv=expires content="Tue, 01 Jan 1980 1:00:00 GMT"> <meta name=apple-mobile-web-app-status-bar-style content=black> <link rel="shortcut icon" href=http://img.yoparent.com/wp-content/uploads/2015/07/favicon.png> <link rel=stylesheet href=styles/main20.css> <script src=scripts/vendor.js></script> <style>
      .continue-btn-wrap{
        width: 100%;
        height: 55px;

        bottom: 10px;
      }
      .questionCaption{
        font-weight: 900;
        color: #b2ed38;
      }
      #share{
        background: url('http://7xi66y.com1.z0.glb.clouddn.com/scale/common/yoparent_weixin_logo.jpg?imageView2/0/w/35');
        background-repeat: no-repeat;
        background-position: 10px;
        padding-left: 40px;
      }
      .my-page-wrapper{
        height:100%;
      }
      .img-cover-title{
        padding-top:10px;
      }

      .highLight{
        color: #b2ed38 !important;
      }
      .unhighLight{
        color: #acb0b9;
      }
    </style> <script language=text/template id=result-tpl style=display:none;>
        <img src="<%=data.data.url%>" style="width: 100%;height: auto" />
        <!--<h2 style="text-align: center;"><%=data.data.title%></h2>-->
        <div>
          <%=data.data.desc%>
        </div>
    </script> <script language=text/template id=share-description-tpl style=display:none;>
      我的家庭对二胎的准备程度是<%=data.data.title%>，你的家庭呢~
    </script>     <script language=text/template id=under-tpl style=display:none;>

      <div class="content-wrap full-page" id="content-wrap" attr-full-page>
        <ul class="content" id="content" attr-content>
          <li attr-page attr-cover>
            <div class="img-cover" img-src="<%=img_src%>"
                 img-width="<%=imgWidth%>"
                 img-height="<%=imgHeight%>"
                 cover-img>
              <img class="hide"/>
            </div>
            <h1 class="hide" cover-title><%=title%></h1>
            <div class="cover-wrapper" id="cover-wrapper" cover-wrapper>
              <ul class="desc cover-scroller hide" style="font-size: 16px;line-height: 25px;" id="cover-scroller" cover-desc>
                <li><div style="font-size: 20px;"><%=description%></div></li>
              </ul>
            </div>
            <div class="btn-wrap">
              <div class="btn bg-primary hide" id="start" cover-btn>开始测试</div>
            </div>
            <div class="power">powered&nbsp;by&nbsp;优儿学堂</div>
          </li>

          <%_.each(questions, function(oneQuestion,qIndex){%>
          <li class="page-content-wrapper" attr-page attr-main>
            <div class="my-page-wrapper">
              <ul>
                <li>
                  <!--题目的头部-->
                  <div class="img-cover hide" img-width="<%=oneQuestion.imgWidth%>" img-height="<%=oneQuestion.imgHeight%>"
                       main-img img-src="<%=oneQuestion.img_src%>">
                    <span class="title-name" ></span>

                  </div>

                  <!--题目的头部end-->

                  <!--题目的选项-->
                  <%var answers = oneQuestion.answers%>
                  <div class="answers-content-wrapper wrapper hide" answers-wrapper>
                    <!--题目-->
                    <div class="img-cover-title" style="font-size: 19px;">
                      <span class="questionIndex"><%=qIndex+1%></span>/<%=questions.length%>. <span class="caption"><%=oneQuestion.caption%></span>
                    </div>
                    <!--题目end-->
                    <ul class="answers scroller" id="answers" answers-num=<%=answers.length%> main-answers>
                      <%_.each(answers, function(oneAnswer,aIndex){%>
                      <li class="hr padding-tb" data-results='<%=JSON.stringify(oneAnswer.results)%>'
                          answer-item disable="0" id="<%=oneAnswer.id%>" qid="<%=oneQuestion.id%>">
                        <%=oneAnswer.caption%>
                      </li>

                      <%});%>
                    </ul>
                  </div>
                  <!--题目的选项 end-->

                  <br/>
                  <div class="continue-btn-wrap" style="z-index: 100; display:none;">
                    <%if(questions.length-1 !== qIndex){%>
                    <div class="btn bg-primary show animated lightSpeedIn continue unhighLight" disable="0" >继续</div>
                    <%}else{%>
                    <div class="btn bg-primary show animated lightSpeedIn continue unhighLight" disable="0" >查看结果</div>
                    <%}%>
                  </div>
                </li>
              </ul>

            </div>


          </li>
          <%});%>
          <li attr-page attr-result>
            <div class="cal-wrap">
              <div class="i-box-1 circle animated scaleCirl infinite">

              </div>
              <div class="i-box-2 circle animated scaleCirr infinite">

              </div>
              <div class="text">正在计算结果...</div>
            </div>
            <div class="power">powered&nbsp;by&nbsp;优儿学堂</div>
          </li>
        </ul>
      </div>
    </script>  <script src="scripts/data/data20.js?t=22"></script> <script src="scripts/main20.js?v=11"></script> <script>
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?061e31ddbdbd77c0403205c71bf52730";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script> </head> <body> <!--[if lt IE 10]>
 <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
 <![endif]--> <div class=container id=container></div> <div class="ending full-page hide"> <div class=mesg> 让朋友们也来试试！ <div class="share icon-redo2"></div> </div> </div> <div class="orientation full-page hide"> <div class=orientation-wrap> <div class="loading icon-spinner"></div> <div class=mesg>请使用竖屏浏览，体验绝佳！</div> </div> </div> <div class="full-page result-box hide"> <div class=result-wrapper id=result-wrapper result-wrapper> <ul class=desc id=result-scroller> <li> <div class=result-img result-img> <span class=title></span> </div> </li> <li result-desc></li> <li class=result-expert>  <br> <span style="font-size: 14px;">更多测试请关注</span>   <div style="text-align: center"> <img src=http://7xi66y.com1.z0.glb.clouddn.com/scale/common/yoparent_logo2.png style="width: 305px; height: 150px;"> </div> </li> <li> </li> </ul> </div> <div class=btn-wrap result-btn>  <div class="btn bg-primary" id=share>晒结果</div> </div> <div class=power_result> <div class=text> powered&nbsp;by&nbsp;优儿学堂 </div> <div class=text> ©版权所有&nbsp;&nbsp;侵权必究 </div> </div> </div> <script type=text/template id=quiz-data style=display:none;> </script> <script type=text/javascript>
      var yoparent_token = "1xzqkxz377o5596qmbjwlkvsl";
      var yoparent_start_time = "1436603587600";
    </script> <script type=text/javascript>
      var data_tpl = null;
      var resultUrl = "http://123.59.44.69:7070/yoparent/scale/result";
//      var resultUrl = "http://localhost:8085/yoparent/scale/result";
      WeittQuiz.run(
        data_tpl,
        "#container",
        "#under-tpl",
        {
          nextPageTime: 500,
          bgImg: "",
          coverDesc: { duration: 900, animate: "zoomIn" },
          mainCoverImg: { duration: 0, animate: "zoomIn" },
          mainAnswers: { duration: 650, animate: "fadeInUp" },
          nextPageWaitingTime:500
        }
      );

      var quizId=19;
      $.ajax({type:'get',url:'http://123.59.44.69:7070/yoparent/scale/initData?quizId='+ quizId +'&url=' + encodeURIComponent(location.href.split('#')[0])+ '&r=' + Math.random(),success:function(data){
        var configData =eval('(' + data + ')');
        sysconfig(configData);
        wxconfig(configData);
      }});
//
      function sysconfig(data){
        window.yoparentToken = data.token;
        window.yoparentStartTime = parseInt(data.startTime);
      }
      function wxconfig(data){
        wx.config({
          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: data.singatureParm.appId, // 必填，公众号的唯一标识
          timestamp: parseInt(data.singatureParm.timestamp), // 必填，生成签名的时间戳
          nonceStr: data.singatureParm.nonceStr, // 必填，生成签名的随机串
          signature: data.singatureParm.signature,// 必填，签名，见附录1
          jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        window.yoparentWxCommonConfig = {
          title: '二胎，你准备好了吗 | 优儿学堂', // 分享标题
          desc: '如今，“二胎”时代已全面到来，你的家庭环境与经济条件是否适合生二胎呢？作为父母，你是否已经做好充足的心理准备迎接二胎呢？优儿学堂将为你一一解答。', // 分享描述
          link: 'http://scale.yoparent.cn/view20.html', // 分享链接
          imgUrl: 'http://static.xingfuchuangke.cn/scale/20/face.jpg?t=' + Math.random() // 分享图标
        }

        window.yoparentWxConfig ={
          title: yoparentWxCommonConfig.title,
          desc: yoparentWxCommonConfig.desc,
          link: yoparentWxCommonConfig.link,
          imgUrl: yoparentWxCommonConfig.imgUrl,
          type: 'link', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function () {
            $.ajax({
              type:'get',
              url:'http://123.59.44.69:7070/yoparent/scale/shareToGroup?quizId='+ quizId +'&created=' + yoparentStartTime + '&token=' + yoparentToken + '&r=' + Math.random()});
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        }



        window.yoparentWxTimeineConfig ={
          title: yoparentWxCommonConfig.title,
          desc: yoparentWxCommonConfig.desc,
          link: yoparentWxCommonConfig.link,
          imgUrl: yoparentWxCommonConfig.imgUrl,
          type: 'link', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function () {
            $.ajax({
              type:'get',
              url:'http://123.59.44.69:7070/yoparent/scale/shareToTimeline?quizId='+ quizId +'&created=' + yoparentStartTime + '&token=' + yoparentToken + '&r=' + Math.random()});
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        }


        wx.ready(function(){
          window.wxReady = true;

          window.wx.onMenuShareTimeline(window.yoparentWxTimeineConfig);

          window.wx.onMenuShareAppMessage(window.yoparentWxConfig);

        });
      }

    </script> <script type=text/javascript src=http://res.wx.qq.com/open/js/jweixin-1.0.0.js></script> </body> </html> 